$white: #fff !default;
$black: #000 !default;
$gray-100: #f8f8f8 !default;
$gray-200: #cbcbcb !default;
$gray-300: rgba(246, 246, 246, 1) !default;
$gray-400: #ededed !default;
$gray-E6: #e6e6e6 !default;
$gray-500: #dbdbdb !default;
$gray-600: #666666 !default;
$gray-700: #919191 !default;
$gray-800: #08165a !default;
$gray-810: #959595 !default;
$gray-811: #9a9a9a !default;
$gray-812: #919191 !default;
$gray-900: #999999 !default;
$gray-ccc: #cccccc !default;
$gray-bg: rgb(241, 246, 247) !default;
$blue: #5195f9 !default;
$red: #f75b5d !default;
$red-100: #ff3333 !default;
$nav-bg: rgb(48, 65, 86);
$nav-text-bg: rgba(31, 45, 61, 0.753);
$bg: $gray-100;
$color-333: #333333;
$color-BC: #bcbcbc;
$green: #5ab53c;
$green-04: rgba(90, 181, 60, 0.4);
$input-background: #428a6e;
$nav-color: $gray-200;
$thead-bg: $gray-300;
$thead-color: $gray-700;
$login-input-border: $gray-400;
$from-input-border: $gray-500;
$label-color: $gray-600;
$theme-color: $green;

@mixin navBg {
  color: $gray-600;
  background: $bg;
}

@mixin flex($justify-content: flex-start, $align-items: center) {
  display: flex;
  justify-content: $justify-content;
  align-items: $align-items;
}

@mixin padding($padding) {
  padding-top: $padding;
  padding-right: $padding;
  padding-bottom: $padding;
  padding-left: $padding;
}

@mixin padding-l($padding-left: 0) {
  padding-left: $padding-left;
}

@mixin padding-r($padding-right: 0) {
  padding-right: $padding-right;
}

@mixin padding-t($padding-top: 0) {
  padding-top: $padding-top;
}

@mixin padding-b($padding-bottom: 0) {
  padding-bottom: $padding-bottom;
}

@mixin padding-lr($padding-left: 0, $padding-right: 0) {
  padding-right: $padding-right;
  padding-left: $padding-left;
}

@mixin padding-tb($padding-top: 0, $padding-bottom: 0) {
  padding-top: $padding-top;
  padding-bottom: $padding-bottom;
}

@mixin text-align($text-align) {
  text-align: $text-align;
}

:export {
  menuText: $white;
  menuActiveText: $white;
  subMenuActiveText: #fafafa;
  menuBg: $green;
  menuHover: $green;
  subMenuBg: $green;
  subMenuBar: $green-04;
  subMenuHover: $green;
  themeBg: $green;
  gray600: $gray-600;
  gray700: $gray-700;
}
